import Vue from 'vue'// 引入Vue
import SvgIcon from '@/components/SvgIcon'// 引入svg图标组件

// register globally
Vue.component('svg-icon', SvgIcon) // 全局注册名字叫做svg-icon的组件

// require.context() 自动化导入某个文件夹下的匹配的很多文件，返回值是一个函数
// 参数1：directory：要搜索的文件夹的目录
// 参数2：useSubdirectories：是否还搜索它的子目录
// 参数3：regExp：一个匹配文件的正则表达式
// 作用：自动化导入svg文件夹下的svg图形文件
// keys（）调用后再次返回数组，自动引入的那些匹配的文件的相对路径字符串
const req = require.context('./svg', false, /\.svg$/)
console.dir(req)
const requireAll = requireContext => {
  // console.dir(requireContext)
  // 把每个路径取出来，传入给requireContext这个函数体内执行
  // 作用：就是为了让每个svg文件被导入到webpack中当做模块执行
  return requireContext.keys().map(requireContext)
}
requireAll(req)

